.new_add_panel {
  .title{
    font-size: 18px;
    color: #515B6F;
    margin:10px auto 20px;
    font-weight: 700;
    display: flex;
    align-items: flex-end;
    span{
      display: flex;
      align-items: center;
      &:before{
        content: '';
        display: inline-block;
        width: 10px;
        height: 10px;
        background: #4151F1;
        border-radius: 50%;
        margin-right: 20px;
      }
    }
    font{
      font-size: 14px;
      color: #5eb95e;
      font-weight: normal;
      margin-left: 20px;
    }
  }
  .class_content {
    .class_item {
      height: 40px;
      text-align: center;
      font-size: 14px;
      color: #515B6F;
      padding: 0 5px;
      box-sizing: border-box;
      margin-bottom: 20px;
      &:last-child{
        float: left;
      }
      &:hover{
        span{
          background: #efefef;
        }
      }
      &.cur{
        span{
          background: #78BAE6;
          color: #fff;
        }
      }
      span {
        cursor: default;
        border: 1px solid #EEEEEE;
        border-radius: 22px;
        line-height: 40px;
        display: block;
        height: 100%;
        box-sizing: border-box;
      }
    }
  }
  .week_content{
    display: flex;
    #weekContent{
      padding: 0;

    }
    .tips_content{
      border:1px dashed #ccc ;
      padding: 40px  175px;
      margin-bottom: 50px;
      h2{
        font-size: 16px;
        color: #333;
        margin: 0;
        line-height: 32px;
        font-weight: bold;
        font{
          color: #f00;
        }
      }
      p{
        font-size: 14px;
        margin: 0;
        line-height: 26px;
        color: #666;
      }
    }
    .week_item{
      border-right:1px solid #E1E3EB;
      border-bottom:1px solid #E1E3EB;
      padding-top: 10px;
      padding-bottom: 10px;
      overflow: hidden;
      position: relative;
      box-sizing: border-box;
      &:nth-child(1){
        border-top: 1px solid #E1E3EB;
        border-left: 1px solid #E1E3EB;
      }
      &:nth-child(2){
        border-top: 1px solid #E1E3EB;
      }
      &:nth-child(3){
        border-top: 1px solid #E1E3EB;
      }
      &:nth-child(4){
        border-top: 1px solid #E1E3EB;
      }
      &:nth-child(4n+1){
        border-left: 1px solid #E1E3EB;
      }
      &:last-child{
        float: left;
      }
      &:hover{
        background: #efefef;
      }
      &.cur{
        background-color: rgba(94,114,294,.1);
      }
      .week_title{
        font-size: 14px;
        color: #8F95B3;
        margin: 0;
      }
      .info_list{
        font-size: 13px;
        color: #666A80;
        height: 50px;
        overflow-y: scroll;
        p{
          margin: 0;
          display: flex;
          align-items: center;
          line-height: 24px;
          white-space: nowrap;
          &:before{
            content: '';
            display: inline-block;
            height: 13px;
            width: 13px;
            background: #5E72F9;
            margin-right: 5px;
          }
          &:nth-child(2){
            &:before{
              background: #50C14E;
            }
          }
          &:nth-child(3){
            &:before{
              background: #f00;
            }
          }
        }
      }
      &:nth-child(4n), &:nth-child(4n-1){
        .table_detail{
          left: auto;
          right: 80%;
        }
      }

    }
    .week_detail{
      padding: 0 30px;
      .am-table{
          th{
            text-align: center;
            font-size:15px;
            color: #2F2C50;
            font-weight: bold;
            background-color: #FAFAFA;
            padding: 5px 0;
          }
        td{
          text-align: center;
          font-size: 14px;
          color: #2F2C50;
          vertical-align: middle;
        }
        tr:nth-child(even) td{
          background-color: #F5F5F5;
        }
      }
    }
    .am-table>tbody>tr>td,
    .am-table>tbody>tr>th,
    .am-table>tfoot>tr>td,
    .am-table>tfoot>tr>th,
    .am-table>thead>tr>td,
    .am-table>thead>tr>th {
      border-top: 1px solid #E8E8E8;
    }
  }
}
.animation_class{
    transition: all .3s;
}
.new_add_modal{
  background: rgba(0,0,0,.4);
  .am-modal-dialog{
    width: 80%;
    max-width: 900px;
    border-radius: 10px;
    position: absolute;
    margin-bottom: 30px;
    top:10px;
    left:50%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
  }
  .bg_tennis{
    padding: 0;
    img{
      width: 100%;
      display: block;
      border-radius: 10px 10px 0 0;
      position: absolute;
      top:0;
    }
    .title,.info{
      color: #fff;
      position: relative;
      z-index: 10;
      margin: 0;
    }
    .title{
      margin-top: 8px;
      font-size: 20px;
    }
    .info{
      font-size: 16px;
      margin-bottom: 6px;
    }
    .am-close{
      border:1px solid #fff;
      border-radius: 50%;
      height: 24px;
      width: 24px;
      box-sizing: border-box;
      display: flex;
      justify-content: center;
      line-height: 17px;
      font-weight: normal;
      top: 4px;
      right: -45px;
      background: transparent;
      color: #fff;
      text-shadow: none;
      font-size: 25px;
      opacity: .8;
    }
  }
  .am-modal-bd{
    position: relative;
    padding:60px 60px 30px;
  }
  .am-table{
    position: absolute;
    top:0;
    background: #fff;
    width: 85%;
    min-height: 120px;
    left: 50%;
    border-radius: 8px;
    overflow: hidden;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
    font-size: 14px;
    .cur{
      background: #A1D1FF;
      color: #fff;
    }
    td{
      color: #333;
      line-height: 1.1;
    }
  }
  .star_content{
    margin: 0;
    text-align: left;
    [class*=am-icon-]{
      color: #FFB403;
      font-size: 16px;
      margin-right: 6px;
    }
  }
  .source_container{
    height: 460px;
  }
  .switch_bar{
    text-align: center;
    padding: 76px 0 20px;
    span{
      display: inline-block;
      text-align: center;
      height: 32px;
      line-height: 30px;
      font-size: 14px;
      color: #333;
      width: 120px;
      border-radius: 16px;
      padding: 0 5px;
      border:1px solid #999;
      margin-right: 10px;
      cursor: default;
      &:hover{
        background-color: #efefef;
      }
      &.cur{
        background: #42A6FE;
        border-color: #efefef;
        color: #fff;
      }
      &:last-child{
        margin-right: 0;
      }
    }
  }
  .img_content{
    overflow-y: scroll;
    overflow-x: hidden;
    width: 85%;
    margin: auto;
    height: 100%;
    display: block;
    img{
     width: 100%;
      height: auto;
      display: block;
    }
  }
  .video_content{
    border:1px solid #efefef;
    width: 85%;
    height: 100%;
    margin:0 auto 30px;
    position: relative;
    video{
      display: block;
      width: 100%;
      height: 100%;
    }
    &.pause{
      &:after{
        content: '';
        position: absolute;
        top:0;
        left: 0;
        width: 100%;
        height: 100%;
        background:rgba(0,0,0,.5);
      }
    }
    .video_btn{
      position: absolute;
      width: 60px;
      height: 60px;
      background: url("../images/icon_play.png") no-repeat;
      background-size: 100% 100%;
      left: 50%;
      top:50%;
      margin-top: -30px;
      margin-left: -30px;
      z-index: 10;
    }
  }
  .no_data{
    text-align: center;
    font-size: 14px;
    padding: 40px 0;
  }
  .btn_content{
    padding-bottom: 20px;
    padding-top: 20px;
    .am-btn{
      border-radius: 28px;
      font-size: 14px;
      padding: 10px 30px;
      margin-right: 20px;
      &:last-child{
        margin-right: 0;
      }
    }
    .am-btn-primary{
      background: #0091FF;
    }

  }
}
.week_container{
  overflow: hidden;
}
.operate_bar{
  padding-bottom: 25px;
  padding-left: 30px;
  .am-form-label{
    font-size: 15px;
    color: #666;
    white-space: nowrap;
    line-height: 36px;
    margin-right: 7px;
  }
}